.art-card {
    margin-bottom: 0px;
    position: relative;
    border: right 0px left 0px top 0px;
    border-bottom: 1px solid #f0f2f7;
    // &:hover  {
        // transform: scale(1.05);
    // }
}
// .el-card__body{
//     padding: 0 0;
//     margin: 20px 20px;
// }

.iconfont {
    font-size: 0.8rem!important;
}
// .icon.icon-top {
//     width: 1em;
//     height: 1em;
//     font-size: 56px;
//     vertical-align: -0.15em;
//     fill: currentColor;
//     overflow: hidden;
//     margin: 2px 2px 100% 100%;
//     position: absolute;
//     right: 0;
//     top: 0;
// }

.att-hover:hover{
color: #409EFF;
cursor: pointer;
}
.art-category-link{
    color: black;
    text-decoration: none!important;
    :hover{
        color: #409EFF;
        cursor: pointer;
    }
}
h3{
// font-size: 18px;
margin: 5px 0;
padding: 0;
// color: #17a2b8!important;
}
.art-img {
width: 100%;
height: 100%;
transition: all 0.6s;
overflow: hidden;
position: relative;
&:hover  {
    transform: scale(1.1);
    cursor: pointer;
}
}
.art-text {
margin-left:10px;
}
.art-title {
border-left: 3px solid #F56C6C;
padding-left: 5px;
cursor: pointer;
&:hover {
    padding-left: 10px;
    color: #175199;
}
}

.art-summary {
color: #aaa;
font-size: 14px;
p {
    margin: 0!important;
}

}

.art-info {
 padding: 5px 5px 5px 0;
}
.art-attribute{
padding-right: 10px;
font-size: 12px;
// color: #aaa;
span{
    vertical-align: middle;
};
i {
    vertical-align: middle;
     
};

}